<template>
<div>
    <h1>这个文件主要说明自定义类样式</h1>
    <p>npm i animate.css@3.7.0</p>
      <transition enter-active-class="animate__animated animate__backInDown"
      leave-active-class="animate__animated animate__backOutUp"><p v-show="isshow">出现与消失</p></transition>
    <button @click="isshow=!isshow">点击</button>
</div>

</template>

<script>
import 'animate.css'
export default {
data(){
return {
    isshow:false,

}

}
}
</script>
<style lang='less' scoped>
p{
    width: 200px;
    background-color: pink;
}

</style>
